<template>
  <div>
    我是子组件
    <ul>
      <!-- 要用到自定义属性 写出来 -->
      <li>我的名字是{{ msg.uname }}</li>
      <li>我的姓是{{ msg.famliyName }}</li>
      <li>我的年龄是{{ msg.age }}</li>
      <li>我的职业是{{ msg.profess }}</li>
      <button @click="year">过了一年</button>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'SonComponent',
  // 子组件加自定义属性，完成父传子
  props: ['msg'],

  data() {
    return {}
  },

  methods: {
    year() {
      this.$emit('year', { id: this.msg.id, num: 1 })
    },
  },
}
</script>

<style scoped>
ul {
  list-style: none;
}
</style>
